<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>
    <script>

        
    </script>
    <style>

        span, input {
            display: inline-block;
        }

        h3 {
            text-align: center;
        }

        .co1 {
            text-align: right;
            width: 150px;
            line-height: 40px;
        }

        input[type='text'] {
            width: 250px;
            height: 30px;
            margin-left: 8px;
            outline: none;
            text-indent: 1em;
        }

        .box {
            width: 600px;
            background-color: antiquewhite;
            border: 1px solid black;
            margin: 30px auto;
            padding: 8px;
        }

        .btn {
            width: 85px;
            height: 35px;
            display: inline-block;
            margin: 0 10px;
        }

        .row {
            margin: 10px 0;
        }

        .opt_msg {
            font-size: 14px;
            color: red;
            font-weight: 600;
            display: none;
        }
    </style>
</head>
<body>
<h3>登陆页面，请输入用户信息</h3>

<form action="login_check" method="post">

    <div class="box">
        <div class="row">
            <span class="co1">用户名</span>
            <span class="co2"><input id="input_name" type="text" name="username" value="{{ username }}"></span>
            <span id="name_msg" class="opt_msg">提示信息</span>
        </div>
        <div class="row">
            <span class="co1">密码</span>
            <span class="co2"><input id="input_pwd" type="text" name="password"></span>
            <span id="pwd_msg" class="opt_msg">提示信息</span>
        </div>
        <div class="row" style="text-align: center">
            <input type="checkbox" name="save_user" id="save_user">
            <label for="save_user">记住用户名</label>

            <input type="checkbox" name="auto_login" id="auto_login" style="margin-left: 15px">
            <label for="auto_login">自动登录</label>
        </div>
        <div class="row" style="text-align: center">
            <input class="btn" type="submit" value="提交">
            <input class="btn" type="reset" value="重置">

        </div>
    </div>



</body>
</html>